// ** Colors **
// Primary
$colorDark: #0c090a;
$colorVulcan: #38383a;
$colorGrey: #808080;
$colorLightGrey: #ebebeb;
$colorWhite: #ffffff;
$colorViking: #00a4b6;
$colorLightBeige: #fefcf7;
$colorBeige: #f5f1e8;
$colorFadedBeige: rgba(#cfc6b1, 0.3);
$colorFriarGrey: #8b8b6b;

// Secondary
$colorGemstones: #477957;
$colorSavoir: #e86956;
$colorIntro: #f7a827;
$colorHistory: #5a4782;
$colorConv: #b4b19e;
$colorExhib: #8c734a;
$colorDisc: #c4143e;
$colorYoung: #ea9baf;
$colorCourse: #a0c827;
$colorGiftCard: #616a8a;

// Layout variables
$margin: 30px;
$marginSmall: 16px;
$gutter: 16px;
$zLayout: behind, default, overlay, tabBar, navigation;
$bottomDockHeight: 80px;
$buttonHeight: 40px;

// Fonts
$notoSans: "Noto Sans SC";
$notoSerif: "Noto Serif SC";
